<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>





<div id="app">

	<input type="text" v-model='first' @keyup='getfull'>
	<input type="text" v-model='last' @keyup='getfull'>
	<input type="text" v-model='full'>

  
</div>









<br>
<script src="vue.js"></script>
<script src="vue-router.js"></script>
<script type="text/javascript">

var  vm= new Vue({
  el: '#app',

  data: {
  	first:'',
  	last:'',
  	full:'',
  	 
  },

  methods:{
  	getfull(){
  		this.full = this.first + '+' + this.last
  	}
  	

  }

})





</script>

	
</body>
</html>